<template>
    <div>
        <div class="infoPanel-left-top"></div>
        <div class="infoPanel-left-middle"></div>
        <div class="infoPanel-left-bottom"></div>
    </div>
</template>
<script>
export default{
    
}
</script>
<style scoped>
/* .hudPanel{
    width:200px;
    position:relative;
} */
.infoPanel-left-top{
    position:absolute;
    z-index:2;
    top:130px;
    left:0;
    width:300px;
    height:200px;
    padding:10px;
    border:1px solid aqua;
    font-size:0.8em;
}
.infoPanel-left-middle{
    position:absolute;
    z-index:2;
    top:350px;
    left:0;
    width:300px;
    height:200px;
    padding:10px;
    border:1px solid aqua;
    font-size:0.8em;
}
.infoPanel-left-bottom{
    position:absolute;
    z-index:2;
    top:570px;
    left:0;
    width:300px;
    height:200px;
    padding:10px;
    border:1px solid aqua;
    font-size:0.8em;
}
</style>